<template>
  <div>
    <Header></Header>
    <van-swipe-cell>
      <van-card
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品标题"
          class="goods-card"
          thumb="https://img.yzcdn.cn/vant/cat.jpeg"
      />
      <template #right>
        <van-button square text="编辑" type="primary" class="delete-button" />
        <van-button square text="删除" type="danger" class="delete-button" />
      </template>
    </van-swipe-cell>
    <van-swipe-cell>
      <van-card
          num="2"
          price="2.00"
          desc="描述信息"
          title="商品标题"
          class="goods-card"
          thumb="https://img.yzcdn.cn/vant/cat.jpeg"
      />
      <template #right>
        <van-button square text="编辑" type="primary" class="delete-button" />
        <van-button square text="删除" type="danger" class="delete-button" />
      </template>
    </van-swipe-cell>
    <Footer></Footer>
  </div>
</template>


<script>
import Vue from 'vue';
import { Card,SwipeCell,Button } from 'vant';

import Header from "@/components/Container/Header.vue";
import Footer from "@/components/Container/Footer";

Vue.use(Card);
Vue.use(SwipeCell);
Vue.use(Button);
export default {
  name: "curriculum",
  components: {
    Header,
    Footer
  }
}
</script>

<style scoped>
.goods-card {
  margin: 0;
  background-color: @white;
}

.delete-button {
  height: 100%;
}
</style>